`
linguagem` `
topico` `
nome`SVG Sistema cartesiano`
` `
titulo`SVG chamada da imagem`
` `
descritor`apoie, apoie.org, SVG,Graficos vetoriais escalaveis  sistema cartesiano`
` `
lead`Como fazer uma imagem SVG`
` `
melhorar`Melhorar`
` `
referencia`cheat-sheets.org, svg_reference
`
` `
origem`SvgSistCartesiano.xml`
` `
` `
topico` `
titulo`Circulo em Svg`
` `
desc`
<embed src="Circulo.svg" style="height: 350px; width: 350px;" type="image/svg+xml"">

Veja circulo com texto
` `
` `
topico` `
titulo`Grade do desenho`
` `
desc`
<img style="width: 350px; height: 300px;" alt="" src="CoordCirculo.jpg";">

` `
` `
topico` `
titulo`Especificação das coordenadas`
` `
desc`
Coordenadas:
Centro do circulo: x=150  y=150
raio: r=150

elemento svg: tag circle
<circle cx="150" cy="150" r="150" fill="blue"/>
` `
` `
topico` `
titulo`Código Svg da imagem e Html chamando svg`
` `
desc`
Código Svg da imagem:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="350" height="450" >
    <title>Sistema cartesiano</title>
    <desc>Circulo</desc>
    <circle cx="150" cy="150" r="150" fill="blue"/> 
</svg>

Código da chamada no html:
<!DOCTYPE html><html><head><title>Circulo Svg</title></head>
     <body>
        <embed src="Circulo.svg" style="height: 420px;" type="image/svg+xml">
     </body>
</html>
` `
` `